﻿<!DOCTYPE html>
<html ng-app='Santiago'>
  <head>
    <base href="http://localhost:5000/" />
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=9">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Shenzhen Santiago Tech Co., Ltd.</title>
    <link href="images/favicon.ico" type="images/x-icon" rel="shortcut icon" />
    <link rel="stylesheet" href="css/normalize.css" />
    <link rel="stylesheet" href="css/index.css" />
  </head>
  <body ng-controller="routerCtrl">
    <header id="nav">
      <div id="logo">
  			<img id="logo-pc" src="images/logo.png" alt="Santiago logo">
        <img id="logo-phone" src="images/logo2.png" alt="Santiago logo">
  		</div>
      <div class="nav-item">
        <ul class="nav-item-first-ul">
          <li ng-repeat="nav in navList" class="first-item-li" ng-mouseover="showChild(nav.level,$index)" ng-click="showChild(nav.level,$index)">
            <span ng-if="nav.level == 0" ui-sref="{{nav.url}}" ng-click="showChildSpan(nav.level,$index)">{{nav.name}}</span>
  					<span ng-if="nav.level == 1" >{{nav.name}}</span>
  					<ul ng-if="showChildArr[$index]" class="nav-item-second-ul" ng-mouseleave="dispearChildUl($index)">
  						<li ng-repeat="second in nav.child" class="second-item" ng-click="showChildli()" ui-sref="{{second.url}}">
                {{second.name}}
  							<!-- <img class="top" src="{{second.img}}" ui-sref="{{second.url}}" alt=""> -->
  							<!-- <span class="bottom"  ui-sref="{{second.url}}" >{{second.name}}</span> -->
  						</li>
  					</ul>
          </li>
          <!-- <li id="change-lang" class="first-item-li"><a href="#">change language</a></li> -->
        </ul>
      </div>
      <div id="nav-icon">
        <span ng-click="showIcon(1)" ng-if="menuIcon" class="menu-icon menu-icon-open"><img src="images/menu.png"/></span>
        <span ng-click="showIcon(0)" ng-if="!menuIcon" class="menu-icon menu-icon-close"><img src="images/close.png"/></span>
      </div>
    </header>
    <div id="view" ui-view></div>
    <!-- <footer>
      Copyright © Earl&nbsp;Technology. All Rights Reserved  &nbsp;&nbsp;备案号：粤icp备16111726号-1
    </footer> -->
    <!--底部-->
    <div class="footer">
      <div id="footer_left">ShenZhen Santiago Technology Co.,Ltd<br />All Right Reserved</div>
      <div id="footer_right">Hotline: +86 400-7750-817<br />Tel: +86 0755-84866520<br />General Inquiry: info@szsantiago.com<br />Business Cooperation: ben@szsantiago.com<br /><br /></div>
    </div>
  </body>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script>
  <script type="text/javascript" src="js/index.js"></script>
</html>
